<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
		* {
				margin: 0;
				padding: 0;
			}
			
			.wbk {
				width: 100%;
				height: 800px;
				/*background-color: rosybrown;*/
			}
			
			.box1 {
				width: 100%;
				height: 70px;
				/*background-color: palegreen*/
			}
			.zi{float: right;}
			.box1 .zi {
				width: 77px;
				height: 30px;
				/*background-color: #3388FF;*/
				margin-right: 70px;
				float: left;
				font-size: 15px;
				color: black;
				margin-top: 20px;
				margin-right: 15px;
				text-align: center;
				line-height:30px ;
				
				
			}
			
			.box1 #baidu {
				width: 400px;
				height: 185px;
				margin-top: 110px;
				margin-left: -175px;
			}
			
			.box1 .box2 {
				width: 670px;
				height: 38px;
				/*background-color: goldenrod;*/
				margin-top: 15px;
				margin-left: 522px;
				border: 1px solid #CCCCCC;
				/*background:url(img/camera_new_x2_fb6c085.png) no-repeat 516px -37px ;*/
			}
			/*.box2 .xiangji{width: 30px;
			height: 30px;
			background-color:gold;
			background:url(img/camera_new_x2_fb6c085.png) no-repeat 20px 20px ;}*/
			.box2 .box3{width: 105px;
			height: 38px;
			background-color: #3385FF;
			float: right;
			font-size: 16px;
			color: white;
			text-align:center;
			line-height:37px ;}
			.box1 .cp{width: 77px;
			height:30px ;
			background-color: #3388FF;
			color:white ;}
		</style>
	</head>

	<body>
		<div class="wbk">
			<div class="box1">
				<input type="image" src="img/bd_logo1.png" id="baidu" value="" />
				<div class="zi"><a href="#">新闻</a></div>
				<div class="zi"><a href="#">hao123</a></div>
				<div class="zi"><a href="#">地图</a></div>
				<div class="zi"><a href="#">视频</a></div>
				<div class="zi"><a href="#">贴吧</a></div>
				<div class="zi"><a href="#">学术</a></div>
				<div class="zi"><a href="#">登录</a></div>
				<div class="zi"><a href="#">设置</a></div>
				<div class="zi cp">更多产品</div>
				<div class="box2">
					<div class="box3">百度一下</div>
				</div>
			</div>
		</div>新闻hao123地图视频贴吧学术登录设置更多产品
更多产品
	</body>

</html>